<!-- ======================================================================

        PIUON Background Maker v2.0

        ★★★ TIP : 퓨온의 기본 페이지에 붙여서 쓰는 배경킷이다.
        
====================================================================== -->
<!-- ■ HTML Area (kit_background.php) ■ -->
<div id="bg_wrapper" class="position-f0000-who bg_wrapper">

    <!-- [BG-L0] Layer 0 - Basic wallpaper area (Basic piuon wallpaper) -->
    <div id="bg_basic_layer" class="position-a00-wh bg_basic_layer">
        <div id="bg_basic_img" class="position-r-mwho bshadow-002005 bg_basic_img"></div>
    </div>
    <!-- //[BG-L0] Layer 0 - Basic wallpaper area  -->

    <!-- [BG-L1] Layer 1 - Recurrence patterns -->
    <div id="bg_pattern_layer" class="position-a00-wh bg_pattern_layer">
        <div id="bg_pattern" class="position-r-mwho bg_pattern"></div>
    </div>
    <!-- //[BG-L1] Layer 1 - Recurrence patterns -->

    <!-- [BG-L2] Layer 2 - Wallpapers -->
    <div id="bg_texture_layer" class="position-a00-wh bg_texture_layer">
        <div id="bg_texture" class="position-r-mwho bg_texture"></div>
    </div>
    <!-- //[BG-L2] Layer 2 - Wallpapers -->

    <!-- [BG-L3] Layer 3 - Main images -->
    <div id="bg_pic_layer" class="position-a00-wh bg_pic_layer">
        <div id="bg_pic" class="position-r-mwho bg_pic">
            <!-- 모바일 전용 토글 버튼
            ★★★ TIP : 모바일의 경우, 이미지 편집 도중 바탕의 빈 곳을 누르면 동작이 완료되도록 만든 전체화면 크기의 버튼 -->
            <img class="position-a00-wh btn_bgpic_hide" src="<?php echo base_url('assets/book/editor/images/blank.gif')?>" />

            <!-- Image contents 1 -->
            <div id="bg_pic_con0" class="bg_pic_con">
                <!-- ★★★ TIP : 구버전 IE에서의 드래그 영역 인식 문제로 빈 이미지(blank.gif) 삽입 -->
                <img class="position-a00-wh bgpic_bg" src="<?php echo base_url('assets/book/editor/images/blank.gif')?>" />

                <!-- ★★★ TIP : 이곳이 메인 이미지가 표시되는 곳 -->
                <img class="mask_cc bgpic_img pic_inner" src="<?php echo base_url('assets/book/editor/item_bg_pics/pic_a4.jpg')?>" />
            </div>
            <!-- //Image contents 1 -->

            <!-- Spare images
            ★★★ TIP : 메인 이미지가 더 필요할 경우, 아래의 이미지들을 활성화.
            변경하고자 하는 이미지를 클릭한 후, 갤러리의 썸네일 버튼을 누르면  해당 이미지만 변경됨.
            클릭된 이미지의 z-index는 최상단으로 이동됨. -->

            <!--
            <div id="bg_pic_con2" class="bg_pic_con">
                    <img class="position-a00-wh bgpic_bg" src="./images/blank.gif" />
                    <img class="mask_00 bgpic_img" src="./item_bg_pics/pic_a8.jpg" />
            </div>
    
            <div id="bg_pic_con1" class="bg_pic_con">
                    <img class="position-a00-wh bgpic_bg" src="./images/blank.gif" />
                    <img class="mask_00 bgpic_img" src="./item_bg_pics/pic_a7.jpg" />
            </div>
            -->
        </div>
    </div>
    <!-- //[BG-L3] Layer 3 - Main images -->

    <!-- [BG-L4] Layer 4 - Colors (Envelop color) 
    ★★★ TIP : 컬러는 이미지파일이 아니기 때문에 'blank.gif'가 필요 없음. -->
    <div id="bg_color_layer" class="position-a00-wh bg_color_layer">
        <div id="bg_color" class="position-r-mwho bg_color"></div>
    </div>
    <!-- //[BG-L4] Layer 4 - Colors  -->

    <!-- [BG-L5] Layer 5 - Envelop patterns -->
    <div id="bg_envelop_layer" class="position-a00-wh bg_envelop_layer">
        <div id="bg_envelop" class="position-r-mwho env_inner bg_envelop" style="opacity:0.2"></div>
    </div>
    <!-- //[BG-L5] Layer 5 - Envelop patterns -->

    <!-- [BG-L6] Layer 6 - Special effects
    ★★★ TIP : 특수효과는 1장짜리 이미지들과는 달리 간단한 파일들이 아니기 때문에 독립적으로 두고 아이프레임으로 불러옴. -->
    <div id="bg_effect_layer" class="position-a00-wh bg_effect_layer">
        <iframe id="bg_effect" name="bg_effect" class="position-r-mwho se_inner bg_effect" src="<?php echo base_url('assets/book/extend/blank.php')?>" frameborder="0" scrolling="no"></iframe>

    </div>
    <!-- //[BG-L6] Layer 6 - Special effects -->

    <!-- [PV-E] Elements position value viewer -->
    <div class="data_box_texture">
        <input type="text" id="data_texture" class="data_value" />
    </div>
    <!-- //[PV-E] Elements position value viewer -->

</div>

<!-- ■ Javascript Area (kit_background.php) ■ -->
<?php include_once base_url('assets/book/editor/script/kit_background.js.php'); ?> <!-- ■ This page only -->

